<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Blogging for Educators</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<link href="styles/stylespg5.css" rel="stylesheet" type="text/css"/>
		<script language="javascript" src="scripts/scriptspage-5.js"></script>
	</head>
	
	<body onload="window.parent.viewPage5()">
		<header>
			<h1>Theory Behind Blogging in the Classroom</h1>
		<div id="tabs">
			<ul>
	 		<li><a href="page-6.html"><span>Next</span></a></li>
			<li><a href="page-4.html"><span>Back</span></a></li>
			</ul>
 		</div>
		</header>
		<br/>
		<br/>
		<br/>

			
		<h2>The writing process for the digital age:</h2>
		
		<p>As Gettings (1997) attested, due to the many constraints that exist in public education 
		( lack of time, trying to meet state testing standards, overcrowded classrooms, etc) educators 
		need to find ways to be able to teach the writing process to their students regardless of their location. </p> 
		
		<strong>Hover over each image below for additional information on the rationale for using blogging in the classroom.</strong>
		
		<section>
			<span class="column">
			<img src="images/collaboration.jpg" width="150" height="100"
				onMouseOver="javascript:rollOver( 1 )"
				onMouseOut="javascript:rollOut()"/>
			<br/><br/>
			<a href="" class="hotspotlink">Collaboration</a>
			</span>
				
			<span class="column">
			<img src="images/online_writing.jpg" width="150" height="100"
				onMouseOver="javascript:rollOver( 2 )"
				onMouseOut="javascript:rollOut()"/>
			<br/><br/>
			<a href="" class="hotspotlink">Writing to learn</a>
			</span>
				
			<span class="column">
			<img src="images/digital_writing.jpg" width="150" height="100"
				onMouseOver="javascript:rollOver( 3 )"
				onMouseOut="javascript:rollOut()"/>
			<br/><br/>
			<a href="" class="hotspotlink">Digital Writing</a>
			</span>
				
		</section>
					<p id="textbox">Text box goes here</p>
		
	</body>
	<div id="tabs">
			<ul>
	 		<li><a href="page-6.html"><span>Next</span></a></li>
			<li><a href="page-4.html"><span>Back</span></a></li>
			</ul>
 		</div>
		<footer>
		<p>&copy; 2011 <img src="images/ee.png" width="125" height="25"/></p>
		</footer>
</html>
